import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:xinxuan/common/network_image_util.dart';
import 'package:xinxuan/router/app_routers.dart';
import 'package:x_common_utils/utils/inkWell_util.dart';
import 'package:xinxuan/utils/color_util.dart';
import 'package:xinxuan/vo/good_item_vo.dart';
import 'package:get/get.dart';

class GoodItemArr extends StatelessWidget {

  final List<GoodItem> goodArr;
  final bool showMargin;
  GoodItemArr({
    required this.goodArr,
    this.showMargin = true
  });

  @override
  Widget build(BuildContext context) {
    // return Column(
    //   children: goodArr.map((item) {
    //     return InkWellUtil.shakeProofInkWell(Container(
    //       width: 375.w,
    //       padding: EdgeInsets.all(16.w),
    //       decoration: BoxDecoration(
    //         color: bgWhiteColor,
    //         border: Border(
    //           top: BorderSide(
    //             width: .5,
    //             color: lineColor
    //           )
    //         )
    //       ),
    //       child: Row(
    //         children: [
    //           NetworkImageUtil(
    //             url: item.thumbnail ?? '', 
    //             width: 90.w, 
    //             height: 90.w,
    //             borderRadius: 5.w,
    //           ),
    //           SizedBox(width: 20.w),
    //           Expanded(child: Container(
    //             constraints: BoxConstraints(
    //               minHeight: 90.w
    //             ),
    //             child: Column(
    //               crossAxisAlignment: CrossAxisAlignment.start,
    //               children: [
    //                 Text(
    //                   '${item.title}',
    //                   overflow: TextOverflow.ellipsis,
    //                   maxLines: 2,
    //                   style: TextStyle(
    //                     color: textBlackColor,
    //                     fontSize: 14.sp,
    //                     fontWeight: FontWeight.bold
    //                   ),
    //                 ),
    //                 SizedBox(height: 6.h),
    //                 Text(
    //                   '${item.sales}付款',
    //                   overflow: TextOverflow.ellipsis,
    //                   maxLines: 1,
    //                   textAlign: TextAlign.end,
    //                   style: TextStyle(
    //                     color: textSubtitleColor,
    //                     fontSize: 12.sp
    //                   ),
    //                 ),
    //                 SizedBox(height: 6.h),
    //                 Row(
    //                   children: [
    //                     Text.rich(
    //                       TextSpan(
    //                         text: '¥',
    //                         style: TextStyle(
    //                           color: mainTextColor,
    //                           fontSize: 12.sp,
    //                           fontWeight: FontWeight.bold
    //                         ),
    //                         children: [
    //                           TextSpan(
    //                             text: '${item.price}',
    //                             style: TextStyle(
    //                               color: mainTextColor,
    //                               fontSize: 16.sp,
    //                               fontWeight: FontWeight.bold
    //                             )
    //                           )
    //                         ]
    //                       )
    //                     ),
    //                     SizedBox(width: 12.w),
    //                     Expanded(child: Text(
    //                       '${item.integral}积分',
    //                       style: TextStyle(
    //                         color: mainTextColor,
    //                         fontSize: 12.sp
    //                       ),
    //                     ))
    //                   ],
    //                 )
    //               ],
    //             ),
    //           ))
    //         ],
    //       ),
    //     ), () {
    //       Get.toNamed(
    //         '${AppRouters.COMMON_PAGE}${AppRouters.GOOD_DETAIL_PAGE}',
    //         arguments: {
    //           'goodId': item.id
    //         }
    //       );
    //     });
    //   }).toList(),
    // );
    return SliverList(
      delegate: SliverChildBuilderDelegate((context, index) {
        GoodItem item = goodArr[index];
        return InkWellUtil.shakeProofInkWell(Container(
          width: 375.w,
          padding: EdgeInsets.all(16.w),
          decoration: BoxDecoration(
            color: bgWhiteColor,
            border: Border(
              top: BorderSide(
                width: .5,
                color: lineColor
              )
            )
          ),
          child: Row(
            children: [
              NetworkImageUtil(
                url: item.thumbnail ?? '', 
                width: 90.w, 
                height: 90.w,
                borderRadius: 5.w,
              ),
              SizedBox(width: 20.w),
              Expanded(child: Container(
                constraints: BoxConstraints(
                  minHeight: 90.w
                ),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      '${item.title}',
                      overflow: TextOverflow.ellipsis,
                      maxLines: 2,
                      style: TextStyle(
                        color: textBlackColor,
                        fontSize: 14.sp,
                        fontWeight: FontWeight.bold
                      ),
                    ),
                    SizedBox(height: 6.h),
                    Text(
                      '${item.sales}付款',
                      overflow: TextOverflow.ellipsis,
                      maxLines: 1,
                      textAlign: TextAlign.end,
                      style: TextStyle(
                        color: textSubtitleColor,
                        fontSize: 12.sp
                      ),
                    ),
                    SizedBox(height: 6.h),
                    Row(
                      children: [
                        Text.rich(
                          TextSpan(
                            text: '¥',
                            style: TextStyle(
                              color: mainTextColor,
                              fontSize: 12.sp,
                              fontWeight: FontWeight.bold
                            ),
                            children: [
                              TextSpan(
                                text: '${item.price}',
                                style: TextStyle(
                                  color: mainTextColor,
                                  fontSize: 16.sp,
                                  fontWeight: FontWeight.bold
                                )
                              )
                            ]
                          )
                        ),
                        SizedBox(width: 12.w),
                        Expanded(child: Text(
                          '${item.integral}积分',
                          style: TextStyle(
                            color: mainTextColor,
                            fontSize: 12.sp
                          ),
                        ))
                      ],
                    )
                  ],
                ),
              ))
            ],
          ),
        ), () {
          Get.toNamed(
            '${AppRouters.COMMON_PAGE}${AppRouters.GOOD_DETAIL_PAGE}',
            arguments: {
              'goodId': item.id
            }
          );
        });
      }, childCount: goodArr.length),
    );
  }
}